<!--
 * @Author: your name
 * @Date: 2020-12-29 14:43:29
 * @LastEditTime: 2021-02-02 18:08:08
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \solaxcloud\src\views\404\index.vue
-->
<template>
    <div class="nodata-cs-style">
        <h1 style="text-align: center;font-size: 25px;">敬请期待</h1>
        <!-- <div style="display: flex;">
            <div v-for='item in 10' :key='item' style="width:100px;height:200px;border:1px solid #ccc;position: relative;">
                <div @click='flag = !flag' style="border-radius: 50%;background-color:green;width:20px;height:20px;position: absolute;bottom:0;right:0;z-index: 10;">
                </div>
                <transition name="slide-fade">
                    <div v-if='flag' style="border-radius: 50%;background-color:green;width:20px;height:20px;position: absolute;bottom:0;right:0;">
                    </div>
                </transition>
            </div>
            
        </div> -->
    </div>
</template>

<script>
export default {
    components: {

    },
    props: {

    },
    data() {
        return {
            flag:true,
        };
    },
    computed: {

    },
    watch: {

    },
    created() {

    },
    mounted() {

    },
    methods: {

    },
};
</script>

<style  lang="less" scoped>
.nodata-cs-style{
    // overflow: hidden;
    // .slide-fade-enter-active {
    //     transition: opacity 0s ;
    // }
    // .slide-fade-leave-active {
    //     transition: opacity 2s ;
    // }
    // .slide-fade-enter{
    //     opacity: 0;
    // }
    // .slide-fade-leave-to
    // /* .slide-fade-leave-active for below version 2.1.8 */ {
    //     animation: bounce-in 2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
    // }
    // @keyframes bounce-in {
    // 0% {
    //     // transform: scale(0);
    //     bottom: 0%;
    //     // right: 0px;
    //     right: -500%;
    // }
    // // 25% {
    // //     // transform: scale(1.5);
    // //     bottom: 40%;
    // //     right: -600%;
    // // }
    // // 50% {
    // //     // transform: scale(1.5);
    // //     bottom: 60%;
    // //     right: -700%;
    // // }
    // // 75% {
    // //     // transform: scale(1.5);
    // //     bottom: 80%;
    // //     right: -800%;
    // // }
    // 100% {
    //     // transform: scale(1);
    //     bottom: 100%;
    //     right: -1000%;
    // }
    // }
}

</style>
